// 广告栏的二级菜单效果
// 获取菜单按钮
$categoryli = $('.category ol li:first')
show($categoryli, $categoryli.parent().parent().next())

// 轮播图
// 先获取一张图片的的宽度
var kuan = $('.bigbox li:first ').width()
// 点击右键
var index = 1
var off = true
$('.rightBtn').click(function () {
    if (off==true) {
        off = false
        index++
        $('.bigbox').animate({
            left: -index * kuan + 'px'
        }, 1500, function () {
            off = true
            if (index === $('.bigbox li').length - 1) {
                index = 1
                $('.bigbox').css('left', -index * kuan + "px")
            }
        })
    }

})
// 点击左键
$('.leftBtn').click(function () {
    if (off) {
        off=false
        index--
        $('.bigbox').animate({
            left: -index * kuan + 'px'
        }, 1500, function () {
            off=true
            if (index === 0) {
                index = 3
                $('.bigbox').css('left', -index * kuan + "px")
            }
        })
    }
})

// 自动轮播
var time=setInterval(() => {
    if (off==true) {
        off = false
        index++
        $('.bigbox').animate({
            left: -index * kuan + 'px'
        }, 1500, function () {
            off = true
            if (index === $('.bigbox li').length - 1) {
                index = 1
                $('.bigbox').css('left', -index * kuan + "px")
            }
        })
    }
}, 1500);
$('.bigbox li ').hover(function(){
    clearInterval(time)
},function(){
     time=setInterval(() => {
        if (off==true) {
            off = false
            index++
            $('.bigbox').animate({
                left: -index * kuan + 'px'
            }, 1500, function () {
                off = true
                if (index === $('.bigbox li').length - 1) {
                    index = 1
                    $('.bigbox').css('left', -index * kuan + "px")
                }
            })
        }
    }, 1500);
})
$('.leftBtn ').hover(function(){
    clearInterval(time)
},function(){
     time=setInterval(() => {
        if (off==true) {
            off = false
            index++
            $('.bigbox').animate({
                left: -index * kuan + 'px'
            }, 1500, function () {
                off = true
                if (index === $('.bigbox li').length - 1) {
                    index = 1
                    $('.bigbox').css('left', -index * kuan + "px")
                }
            })
        }
    }, 1500);
})
$('.rightBtn ').hover(function(){
    clearInterval(time)
},function(){
     time=setInterval(() => {
        if (off==true) {
            off = false
            index++
            $('.bigbox').animate({
                left: -index * kuan + 'px'
            }, 1500, function () {
                off = true
                if (index === $('.bigbox li').length - 1) {
                    index = 1
                    $('.bigbox').css('left', -index * kuan + "px")
                }
            })
        }
    }, 1500);
})


// 对于右侧悬浮框的效果
// console.log($(window).scrollTop())
// 当页面滑动的距离大于140时，出现回到顶部的图标
$(window).scroll(function(){
    if($(window).scrollTop()>=140){
       $(' .fiexbox>li:last').css('display','block')
    }else{
        $(' .fiexbox>li:last').css('display','none')
    }
})

// 右侧悬浮框中的点击效果
// 点击购物车
$('.carts').click(function(){
    location.href='cart.html'
})

// 点击回到顶部
$(".go").click(function(){
    $(window).scrollTop(0)
})

